html, body{ 
 margin:0; 
 padding:0; 
 font-family:Verdana,Arial,sans-serif;
 font-size:12px;
 
 background: #f0f9ff; /* Old browsers */
 background: -moz-linear-gradient(top, #f0f9ff 0%, #f0f9ff 47%, #e2f4ff 47%, #a1dbff 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(47%,#f0f9ff), color-stop(47%,#e2f4ff), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #f0f9ff 0%,#f0f9ff 47%,#e2f4ff 47%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #f0f9ff 0%,#f0f9ff 47%,#e2f4ff 47%,#a1dbff 100%); /* Opera11.10+ */
 background: -ms-linear-gradient(top, #f0f9ff 0%,#f0f9ff 47%,#e2f4ff 47%,#a1dbff 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
 background: linear-gradient(top, #f0f9ff 0%,#f0f9ff 47%,#e2f4ff 47%,#a1dbff 100%); /* W3C */
} 


/* HEAD */
._head {
	background: #3a5898 url(/img/head_background.png) 0 0 repeat-x;
	border-bottom:1px solid #296C84;
	z-index:100 !important;
 	width:100%;
 	height: 100%;
 	overflow: visible !important;
	
	-moz-box-shadow: 0 0 5px #6887a8;
 	-webkit-box-shadow: 0 0 5px #6887a8;
 	box-shadow: 0 0 5px #6887a8;
}


._headSystemTitle {
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	text-shadow: #232323 0px 0px 4px;
	padding-left:10px;
	margin-top:3px;
	height:100%;
	float:left;
}



/* ^ HEAD */

/* FOOTER */
._footer{
	background: #3a5898 url(../img/footer_background.png) 0 0 repeat-x;
	border-top:1px solid #296C84;
	-moz-box-shadow: 0 0 5px #6887a8;
 	-webkit-box-shadow: 0 0 5px #6887a8;
 	box-shadow: 0 0 5px #6887a8;
 	display: inline;
}

._footerLeft {
	float:left; 
	margin-left:0px;
	margin-left:5px;	
}

._footerRight { 
	float:right; 
	margin-right:2px;
}

._footerCenter{
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:9px;
	vertical-align: middle;	
}

._footerLeft, ._footerRight { 
	color:#FFF;
	font-weight:bold;
	letter-spacing: 1px;
	font-size:9px;
	padding-top:6px; 
	display: table-cell;
	vertical-align: middle;
}

._footerVersion {
	font-size:10px;
	color:#C0DBE5;	
}

._footerDate, ._footerTime {
	color:#C0DBE5;
	font-size:10px;
	text-shadow: #367C96 0px 0px 10px;
	padding:0px 0px  0px 5px ;
}

._footerDate:hover, ._footerTime:hover {
	color:#FFFFFF;
}

._footerDate {margin:0px 10px 0px 50px;} 
._footerTime {margin:0px 10px 0px 0px;}

/* ^ FOOTER */


/* CENTER */
._center {
	padding:15px;	
}
/* ^ CENTER */



/* MENU */

._menu {
	padding:5px;
	background: #FFFFFF url(../img/logo_otago_vector.png) 50% 50% repeat-y;
	z-index:90 !important;
	
	-moz-box-shadow: 0 0 15px 1px #353535;
	-webkit-box-shadow: 0 0 15px 1px #353535;
	box-shadow: 0 0 15px 1px #353535;
	
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(left, #f5f5f5 0%, #fbfbfb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f5f5f5), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #f5f5f5 0%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #f5f5f5 0%,#fbfbfb 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #f5f5f5 0%,#fbfbfb 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#fbfbfb',GradientType=1 ); /* IE6-9 */
	background: linear-gradient(left, #f5f5f5 0%,#fbfbfb 100%); /* W3C */
}

._menu .rich-pmenu-hovered-element:hover,
._menu .dr-pmenu-hovered-element:hover {
	background: #006790;
	color:#FFF;
	-moz-border-radius:3px; /*Firefox*/
	-webkit-border-radius:3px; /*Safari and chrome*/
	-khtml-border-radius:3px; /*Linux browsers*/
	border-radius:3px; /*CSS3*/ 
}

._menu .dr-pmenu-selected-item,
._menu .rich-pmenu-selected-element {
	background: transparent;
	font-style: normal;
}

._menu .dr-pmenu-item, 
._menu .rich-pmenu-item,
._menu .dr-pmenu-group {
	border: 0px solid;	
}

._menu .dr-pmenu-top-group,
._menu .rich-pmenu-top-group,
._menu .rich-pmenu-group
._menu .dr-pmenu-top-group-div,
._menu .rich-pmenu-top-group-div {
	background: transparent;
	border: 0px solid;	
}

._menu .dr-pmenu-top-group, 
._menu .rich-pmenu-top-group, 
._menu .rich-pmenu-group ._menu .dr-pmenu-top-group-div {
	color: #1E1E1E;
	-moz-border-radius:3px; /*Firefox*/
	-webkit-border-radius:3px; /*Safari and chrome*/
	-khtml-border-radius:3px; /*Linux browsers*/
	border-radius:3px; /*CSS3*/
	margin-top:3px;
	border: 1px solid #A3A3A3;
	
	background: #fbfbfb; /* Old browsers */
background: -moz-linear-gradient(top, #fbfbfb 0%, #d8d8d8 93%, #b2b2b2 95%, #d8d8d8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(93%,#d8d8d8), color-stop(95%,#b2b2b2), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fbfbfb 0%,#d8d8d8 93%,#b2b2b2 95%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fbfbfb 0%,#d8d8d8 93%,#b2b2b2 95%,#d8d8d8 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #fbfbfb 0%,#d8d8d8 93%,#b2b2b2 95%,#d8d8d8 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #fbfbfb 0%,#d8d8d8 93%,#b2b2b2 95%,#d8d8d8 100%); /* W3C */

}

._menu .dr-pmenu-top-group:hover, 
._menu .rich-pmenu-top-group:hover, 
._menu .rich-pmenu-group ._menu .dr-pmenu-top-group-div:hover {
	color: #FFFFFF;
	border: 1px solid #848484;
	
background: #a3a3a3; /* Old browsers */
background: -moz-linear-gradient(top, #a3a3a3 0%, #8c8c8c 93%, #747474 95%, #8c8c8c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3a3a3), color-stop(93%,#8c8c8c), color-stop(95%,#747474), color-stop(100%,#8c8c8c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a3a3a3 0%,#8c8c8c 93%,#747474 95%,#8c8c8c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a3a3a3 0%,#8c8c8c 93%,#747474 95%,#8c8c8c 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #a3a3a3 0%,#8c8c8c 93%,#747474 95%,#8c8c8c 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a3a3', endColorstr='#8c8c8c',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #a3a3a3 0%,#8c8c8c 93%,#747474 95%,#8c8c8c 100%); /* W3C */

}

/* ^ MENU */



/* LAYOUT PLUGIN */
/* ui-layout-resizer ui-layout-resizer-west ui-layout-resizer-open ui-layout-resizer-west-open ui-draggable */

body > .ui-layout-resizer{
	background: transparent;
	border-left:1px solid #04678D;
	z-index:91 !important;
}

body .ui-layout-resizer-west .ui-layout-toggler-west{
	background: #00658C;
	
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px; 
	
}

body .ui-layout-resizer-west:hover .ui-layout-toggler-west{
	background: #FFF;	
}

body .ui-layout-resizer-west:hover,
body .ui-layout-resizer-open-hover,
body .ui-layout-resizer-dragging {
	
	-moz-box-shadow: 0 0 0px 0px #353535;
	-webkit-box-shadow: 0 0 0px 0px #353535;
	box-shadow: 0 0 0px 0px #353535;
	
	border-left:1px solid #1D7698;
	border-right:1px solid #1D7698;
	
	
	background: #7cc3df; /* Old browsers */
	background: -moz-linear-gradient(left, #7cc3df 0%, #5ca3c0 20%, #3a87a4 47%, #00658c 50%, #0086b6 80%, #0b8fc0 83%, #5de0fd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#7cc3df), color-stop(20%,#5ca3c0), color-stop(47%,#3a87a4), color-stop(50%,#00658c), color-stop(80%,#0086b6), color-stop(83%,#0b8fc0), color-stop(100%,#5de0fd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #7cc3df 0%,#5ca3c0 20%,#3a87a4 47%,#00658c 50%,#0086b6 80%,#0b8fc0 83%,#5de0fd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #7cc3df 0%,#5ca3c0 20%,#3a87a4 47%,#00658c 50%,#0086b6 80%,#0b8fc0 83%,#5de0fd 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #7cc3df 0%,#5ca3c0 20%,#3a87a4 47%,#00658c 50%,#0086b6 80%,#0b8fc0 83%,#5de0fd 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cc3df', endColorstr='#5de0fd',GradientType=1 ); /* IE6-9 */
	background: linear-gradient(left, #7cc3df 0%,#5ca3c0 20%,#3a87a4 47%,#00658c 50%,#0086b6 80%,#0b8fc0 83%,#5de0fd 100%); /* W3C */
	
	
}

/* ^ LAYOUT PLUGIN */

/* -------------------------------------------- OTHERS ----------------------------------------- */



/* ^ TOOLBAR */


/* FORM */
input[type=text], textarea{
	border: 1px solid #9B9B9B;
	color: #4F4F4F;
	padding:4px 4px;
	-moz-border-radius: 4px; /* Firefox */
  	-webkit-border-radius: 4px; /* Safari, Chrome */
  	border-radius: 4px; /* CSS3 */
  	-moz-box-shadow: inset 2px 2px 2px #D6D6D6;
	-webkit-box-shadow: inset 2px 2px 2px #D6D6D6;
	box-shadow: inset 2px 2px 2px #D6D6D6;
}

input[type=text]:focus, input[type=text]:focus:hover, textarea:focus, textarea:focus:hover{
	border: 1px solid #B7A322;
	color: #3A3511;
	
background: #f2e971; /* Old browsers */
background: -moz-linear-gradient(top, #f2e971 0%, #f6f8b4 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2e971), color-stop(99%,#f6f8b4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f2e971 0%,#f6f8b4 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f2e971 0%,#f6f8b4 99%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f2e971 0%,#f6f8b4 99%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2E971', endColorstr='#f6f8b4',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f2e971 0%,#f6f8b4 99%); /* W3C */

-moz-box-shadow: 0 0 2px #E2D476;
-webkit-box-shadow: 0 0 2px #E2D476;
box-shadow: 0 0 2px #E2D476;

}

input[type=text]:hover, textarea:hover {
	background: #fdfde3; /* Old browsers */
background: -moz-linear-gradient(top, #fdfde3 0%, #fcf9ca 0%, #fcfdeb 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfde3), color-stop(0%,#fcf9ca), color-stop(99%,#fcfdeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fdfde3 0%,#fcf9ca 0%,#fcfdeb 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fdfde3 0%,#fcf9ca 0%,#fcfdeb 99%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #fdfde3 0%,#fcf9ca 0%,#fcfdeb 99%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfde3', endColorstr='#fcfdeb',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #fdfde3 0%,#fcf9ca 0%,#fcfdeb 99%); /* W3C */
}

/* ^ FORM */


._menuSpecial{
	padding:3px;
	background: #E8E8E8;
	border: 1px solid #C4C4C4;
	font-weight:bold;
	
	-moz-border-radius:3px; /*Firefox*/
	-webkit-border-radius:3px; /*Safari and chrome*/
	-khtml-border-radius:3px; /*Linux browsers*/
	border-radius:3px; /*CSS3*/	
}

